<template>
  <div class="identity1">
   <headerNav>
         <div class="return" @click="returnBack"></div>
         <div class="identity">认证中心</div>
   </headerNav>
   <div class="center_tip">
     <img src="http://file.rzkeji.com/web/loveciy/img/tabBar/circle.png"/>
     虚假资料将无法通过审核
   </div>
   <input type="text" name="name" class="identity_name" placeholder="你的姓名">
   <input type="text" name="number" class="identity_number" placeholder="身份证号码">
   <ul>
     <li>
       <div class="img_tip">
         <div>身份证照</div>
         <div>(正面)</div>
       </div>
       <div class="img_tag">
         <img src="http://file.rzkeji.com/web/loveciy/img/tabBar/circle.png"/>
       </div>
     </li>
     <li>
       <div class="img_tip">
         <div>身份证照</div>
         <div>(正面)</div>
       </div>
       <div class="img_tag">
         <img src="http://file.rzkeji.com/web/loveciy/img/tabBar/circle.png"/>
       </div>
     </li>
     <li>
       <div class="img_tip">
         <div>身份证照</div>
         <div>(正面)</div>
       </div>
       <div class="img_tag">
         <img src="http://file.rzkeji.com/web/loveciy/img/tabBar/circle.png"/>
       </div>
     </li>
   </ul>

   <div class="commit_information">
     <div>认证</div>
   </div>
  </div>
</template>

<script>
import headerNav from '@/components/header_nav'
export default {
  name: 'identity',
  components:{
    headerNav
  },
  data () {
    return {
    }
  },
  methods:{
    returnBack(){
      this.$router.go(-1)
    }
  },
  mounted(){

  }
}
</script>
<style scoped>
.identity1{width: 100%;padding-bottom: 60px;padding-top: 50px;}
.identity1 div.identity{width: 100%;height: 100%;line-height: 50px;text-align: center;font-size: 18px;color: #fff;background-image: linear-gradient(-180deg,#3583f1,#1862E2);border-bottom: 1px solid #3583f1;}
.center_tip{width: 100%;height: 50px;line-height: 50px;font-weight: 400;font-size: 12px;color: #ff9700;display: flex;justify-content: row;}
.center_tip img{width: 20px;height: 20px;margin-left: 10px;margin-top: 15px;margin-right: 5px;}
.identity_name{width: 80%;height: 40px;margin-left: 4%;outline: none;border: 0px;font-size: 16px;line-height: 40px;}
.identity_number{width: 80%;height: 40px;margin-left: 4%;outline: none;border: 0px;font-size: 16px;line-height: 40px;}
li{width: 100%;display: flex;justify-content: row;margin-bottom: 15px;}
.img_tip{width: 45%;height: 155px;font-size: 20px;text-align: center;}
.img_tip div{width: 100%;height: 30px;font-size: 20px;line-height: 30px;}
.img_tip div:nth-of-type(1){margin-top: 48px;}
.img_tag{width: 155px;height: 155px;border: 1px dotted #0f0f0f;border-radius: 5px;}
.img_tag img{width: 155px;height: 155px;}

.commit_information{position: fixed;bottom: 0;height: 60px;width: 100%;background-color: #f0f0f0;z-index: 99;}
.commit_information div{border-radius: 5px;line-height: 40px;margin-top: 10px;margin-left: 5%;text-align: center;color: #fff;font-size: 18px;width: 90%;background-color: #3583f1;}
</style>
